<!DOCTYPE html>


<html lang="zh-CN">
  

    <head>
      <meta charset="utf-8" />
       
      <meta name="keywords" content="Hexo,Hexo主题,ayer,代码,博客,旅行" />
       
      <meta name="description" content="Hexo主题Ayer中文说明" />
      
      <meta
        name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1"
      />
      <title>静享云南慢时光 |  岛</title>
  <meta name="generator" content="hexo-theme-ayer">
      
      <link rel="shortcut icon" href="/favicon.ico" />
       
<link rel="stylesheet" href="/dist/main.css">

      
<link rel="stylesheet" href="/css/fonts/remixicon.css">

      
<link rel="stylesheet" href="/css/custom.css">
 
      <script src="https://cdn.staticfile.org/pace/1.2.4/pace.min.js"></script>
       
 

      <link
        rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-bulma@5.0.1/bulma.min.css"
      />
      <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.js"></script>

      <!-- mermaid -->
      
      <style>
        .swal2-styled.swal2-confirm {
          font-size: 1.6rem;
        }
      </style>
    <link rel="alternate" href="/atom.xml" title="岛" type="application/atom+xml">
</head>
  </html>
</html>


<body>
  <div id="app">
    
      
    <main class="content on">
      <section class="outer">
  <article
  id="post-静享云南慢时光"
  class="article article-type-post"
  itemscope
  itemprop="blogPost"
  data-scroll-reveal
>
  <div class="article-inner">
    
    <header class="article-header">
       
<h1 class="article-title sea-center" style="border-left:0" itemprop="name">
  静享云南慢时光
</h1>
 

      
    </header>
     
    <div class="article-meta">
      <a href="/2018/yunnan/" class="article-date">
  <time datetime="2018-11-20T16:17:37.000Z" itemprop="datePublished">2018-11-21</time>
</a> 
  <div class="article-category">
    <a class="article-category-link" href="/categories/%E6%97%85%E8%A1%8C/">旅行</a> / <a class="article-category-link" href="/categories/%E6%97%85%E8%A1%8C/%E5%9B%BD%E5%86%85/">国内</a>
  </div>
  
<div class="word_count">
    <span class="post-time">
        <span class="post-meta-item-icon">
            <i class="ri-quill-pen-line"></i>
            <span class="post-meta-item-text"> 字数统计:</span>
            <span class="post-count">3k</span>
        </span>
    </span>

    <span class="post-time">
        &nbsp; | &nbsp;
        <span class="post-meta-item-icon">
            <i class="ri-book-open-line"></i>
            <span class="post-meta-item-text"> 阅读时长≈</span>
            <span class="post-count">10 分钟</span>
        </span>
    </span>
</div>
 
    </div>
      
    <div class="tocbot"></div>




  
    <div class="article-entry" itemprop="articleBody">
       
  <p>当我坐着飞机掠过玉龙雪山，当我拿着杯子舀起泸沽湖水，当我沐浴阳光闻着洱海气息，当我立于海埂大坝望着海鸥随风翱翔，当我骑着自行车与彝族寨子擦肩而过……当我真正踏入这片土地，我发现它不仅仅是适合文艺小资青年，更适合热爱山水，热爱自由的背包客。</p>
<span id="more"></span>

<p>由于这篇游记中涉及到好几个目的地，每个目的地又有很多照片，为了不影响游记的易读性和美观性，我把很多照片都拼接了起来。下面开始。</p>
<h2 id="丽江"><a href="#丽江" class="headerlink" title="丽江"></a>丽江</h2><p>杭州到丽江4个小时左右的飞程，我却觉得漫长，迫不及待要一睹丽江的芳容。一进入云贵地区，从飞机小窗往下看，入眼皆是山水，当飞机掠过玉龙雪山的那一刻，更是对接下来的行程充满了期待。<br><img src="http://n3-q.mafengwo.net/s12/M00/08/A4/wKgED1v5a_yAXYmNAAK3uB4-9po82.jpeg?imageView2/2/w/680/q/90%7CimageMogr2/strip/quality/90" alt="image.png"><br>以上是玉龙雪山的面貌，这还是前一天刚下过雪的样子，据说雪山上的积雪线在逐年升高。<br><img src="http://b1-q.mafengwo.net/s12/M00/08/BC/wKgED1v5bBWAUHbUABUO2sRHuYI25.jpeg?imageView2/2/w/680/q/90%7CimageMogr2/strip/quality/90" alt="image.png"><br>下午到达丽江之后就找了个古城旁的客栈放行李，然后趁着午后阳光尚未离去，直奔古城内部。整体来讲，确实是很适合文艺青年的一座小城，古城里面很多酒吧和客栈，白天可以随手找个地方发呆晒太阳听民谣，里面也有很多小店，店里卖的都是小清新小文艺的玩意儿，怪不得好多文青来了这里之后就直接在这开客栈了，这里时光过得很慢，每个人的生活节奏也很慢，连门口的二哈也惬意得很。丽江应该是全国最适合发呆的一座城市了。</p>
<p>夜幕降临，它又从静谧转向了不羁，每个人都在这酒吧的灯红酒绿中沉醉，人都说丽江是艳遇之都，果真不假。</p>
<h2 id="泸沽湖"><a href="#泸沽湖" class="headerlink" title="泸沽湖"></a>泸沽湖</h2><p><img src="http://b1-q.mafengwo.net/s12/M00/08/C0/wKgED1v5bBiAbEhkABa8mIS11Os11.jpeg?imageView2/2/w/680/q/90%7CimageMogr2/strip/quality/90" alt="image.png"><br>体验完丽江古城的日与夜，我打算去泸沽湖看看，网上总说，去丽江不去泸沽湖那等于是白去了。对于这个横陈于滇川边界的神秘湖泊，我在来之前其实并没有多少了解，只晓得它身处少数民族自治区，只晓得它值得一去。当我坐着中巴穿过4个小时的十八弯山路后，当我一眼瞥到它，就被惊艳了。首先，它足够静，大概是由于地理偏僻，虽然被云南旅游业大力推荐着，但它那份宁静还是没能被破坏，正如它的湖面那样波澜不惊。其次，它足够清，湖水的能见度可以说是云南这么多湖里数一数二的，而且湖水是可以直接饮用的。当然，这里也极具少数民族文化，集结了蒙古族，纳西族等多个民族的文化，这里每晚有摩梭族的篝火晚会，摩梭姑娘身着靓丽的民族服饰，优美的身姿配上泸沽湖水，又是一幅别致的画。<br><img src="http://b1-q.mafengwo.net/s12/M00/5C/7C/wKgED1v6LkCADIovAAJOWD9xV5s27.jpeg?imageView2/2/w/680/q/90%7CimageMogr2/strip/quality/90" alt="image.png"></p>
<p>从丽江古城去泸沽湖可以在汽车站坐大巴，也可以网上订，也可以包车去，更可以自驾去。我是从云南旅游网的公众号订的，来回130，早上8点半从古城开出，路上经过金沙江司机会停下来让拍照，山上由于缺水，休息站的厕所都是要收费1块钱的。一程山路，到12点半才到。下午回来也有一班，1点半从泸沽湖开出，5点半到古城。来回票要和司机讲好在哪一天回来。我在泸沽湖只过了一夜，第二天就回来了，现在想起来还是比较后悔的，湖边可以租自行车，一天30，绕着湖可以骑一圈，而我只花了一下午从大落水村骑到草海就回来了。一路的风景自然不必说，从山路上可以远看泸沽湖水，路上也可以看到很多田地，很多纳西族的寨子，走近了看还有当地人开的小店，物价比几个景点村要便宜很多。一路上就是上下坡比较多比较累，环湖公路有70多公里，全程骑下来应该要两天。</p>
<h2 id="大理"><a href="#大理" class="headerlink" title="大理"></a>大理</h2><p><img src="http://n4-q.mafengwo.net/s12/M00/08/C8/wKgED1v5bByAZ2nYAA58WUEP3ug71.jpeg?imageView2/2/w/680/q/90%7CimageMogr2/strip/quality/90" alt="image.png"><br>从泸沽湖回到丽江，因为第二天要去大理，就在丽江火车站旁睡了一夜，其实睡在古城旁早起打车也来得及。从丽江去大理的火车一天只有两趟，一趟是早上7点，一趟是傍晚4点。</p>
<p>到大理才上午9点，于是坐大巴去挖色，因为看网上的攻略说双廊那边在修路景色也没挖色原生态，所以此行就选了挖色作为看洱海的一个重要目的地。从大理火车站去各个景点的车都很多，去挖色的大巴是从大理交通运输集团那边坐，从火车站出来后右转就可以看到那个集团的大厦，11块钱一个人。不得不说，大理当地人还是挺好的，期间我在回来的路上把手机落在另一个大巴上了，那个售票阿姨就让司机在下一趟给送过来了，挺令我感动。还有是我把冲锋外套落在去大理古城的8路车上了，后来几经周折也算是找回来了。</p>
<p>大理洱海和泸沽湖有相似的地方也有不同的地方。同样是那么平静，平静到能把你的心安抚下来，但洱海多了一丝浪漫气息，去挖色的环湖公路上可以看到岸边有许多情侣在拍婚纱照，在挖色，还多了几只生锈停在岸上的小舟，配上绿草地与碧波与芦苇，远处云朵戴在山顶上，更添一丝浪漫。</p>
<p>洱海环湖可以租个电动车或者租个小汽车，但要注意提前拍好车身防止回来被坑。<br><img src="http://b4-q.mafengwo.net/s12/M00/60/CB/wKgED1v6MwKAHGYZABcaruS7XAk08.jpeg?imageView2/2/w/680/q/90%7CimageMogr2/strip/quality/90" alt="image.png"><br>第二天晚上8点的动车去昆明，原先想着就在挖色过一夜，但来大理难道只是看洱海吗，当然不是的。于是看过洱海就回火车站，再从火车站坐上8路车去大理古城，晚上下榻在古城边。大理古城总体来说没啥看点，就随便逛逛古城内的小店，古城后面有三塔可以去看看，但买门票进去我感觉还是不值得。有特色的还是这边的饵丝（和面条差不多，就是大米做成的，更加香软），上面有耙肉，并且可以随便加菜。来大理的第二天，我一日三餐都吃的是饵丝哈，感觉吃不腻。</p>
<p>第二天早上我想着既然古城没啥好玩的，就跑去喜洲古镇看看。从古城去喜洲古镇的交通可以选择在大丽线上招手拦路过的大巴，也可以直接在古城出来那个岔口打的，打的不贵，拼车过去一个人10元，大巴过去是7元。</p>
<p>喜洲古镇东临洱海，西枕苍山，这里有保存完好的白族民居建筑群。整个古镇不大，半天就可以逛完，贯穿着多条集市，有卖特色丝巾披肩服饰的，也有卖当地特色小吃喜洲粑粑的，很是热闹。我在那边吃着饵丝晒了一下午的阳光，十分惬意。</p>
<h2 id="昆明"><a href="#昆明" class="headerlink" title="昆明"></a>昆明</h2><p><img src="http://b2-q.mafengwo.net/s12/M00/60/D1/wKgED1v6MwyADHT2ABSsRV5TDqc18.jpeg?imageView2/2/w/680/q/90%7CimageMogr2/strip/quality/90" alt="image.png"><br>从大理到昆明过去只有绿皮火车，现如今在铁路工人的辛勤开辟下，有了直达的动车，时间缩短了一半都不止。到昆明已经是晚上10点，在火车站旁随便找了个旅馆休息。第二天从火车站坐24路公交去海埂公园，因为之前在抖音看网友在海埂大坝拍的很好看，就觉得一定要去。去了之后果然没令我失望，成群的海鸥在岸边飞来飞去，等游客喂食，这里的海鸥大概早已习惯了被人喂，一点也不怕人，只要有食物还会停在你手上。海埂大坝上的风景比公园内更为壮观，成群的海鸥拍打着翅膀来回翱翔，堤岸上还有高倍望远镜供游客观赏（4元钱看2分钟）。</p>
<p>看完海鸥我便坐索道上了西山，在西山上可以看到半个滇池半个春城，西山上面有直接下山的大巴，下来后我坐上地铁去了翠湖公园，顺便看看陆军讲武堂，这个讲武堂是免费开放的，与西南联大被称为是云南一文一武的两所历史名校，同时也出了很多伟人。逛完陆军讲武堂已经是傍晚5点，趁着夜色尚未降临，去看了隔壁的西南联大，西南联大如今只剩下旧址了，坐落在现在的云南师范大学里，逛逛看看，追忆一下英雄，从师范大学出来有一条文化巷，就在云南大学后面，到了晚上会有许多学生出来摆地摊，也值得逛一下。因为第二天晚上就要离开昆明去黔东南了，所以就回到火车站旁的旅馆又睡了一夜，第二天白天去抚仙湖。</p>
<h2 id="抚仙湖"><a href="#抚仙湖" class="headerlink" title="抚仙湖"></a>抚仙湖</h2><p><img src="http://p2-q.mafengwo.net/s12/M00/60/D8/wKgED1v6MxiAZxE3ABnGDuiEW6Y75.jpeg?imageView2/2/w/680/q/90%7CimageMogr2/strip/quality/90" alt="image.png"><br>抚仙湖，相较于昆明滇池，就少为世人所知了，但这里的湖水清澈到能和泸沽湖比肩。古人称之为“琉璃万顷”。它位于玉溪澄江县，是我国最大蓄水量的湖泊、最大的高原深水湖。和泸沽湖不同，这里沿岸有不少人造沙滩和秋千，还有钓鱼的老年人，景色更加多样化。</p>
<p>从昆明去泸沽湖需要在昆明汽车南站坐开往澄江的大巴，车是坐满才走的，所以来回都最好预留一个小时，我上午9点到那，司机10点才开。票价来回都是20，全程高速，不到一小时就到了。淡季像我这种专门为了去看看抚仙湖的人极少，车上基本都是当地人。从澄江汽车站下来最好直接打车去最近的湖边，因为那边虽然有公交，但公交站很难找，而且到公交站还需要走一段路。回来倒是可以坐公交，2路和8路都是开往县城的，拦车投币就行了。</p>
<p>我从澄江汽车站打车到抚仙湖公园是15块，下来之后旁边就有个人工沙滩，上面有很多水上车停着，还有几个秋千。我先是沿着湖边往西走，那边沙滩上有一艘白色小舟和一个白色门框，配上抚仙湖的湖水泛起浪花，十分浪漫，还遇到有一对情侣正在那拍婚纱照，走到望海公园我再一路向东走到月亮湾湿地公园。一路上的美景就更多了，有木栈道有独木舟有水中树，甚至令我有一种在东南亚海滩边漫步的感觉。沙滩上的秋千在旺季是要收费的，淡季没人收费，我坐在那秋千上发了很久的呆。</p>
<p>我这一趟在云南花的时间才6天，好几个地方也只是走马观花，总体来讲，它真的是一个很适合安静发呆的地方，这里的每一片湖水每一寸阳光每一座山头，都值得你去发几天呆。</p>
<p>另外我这一趟还一路向东去了黔东南和湘西，那两篇游记可以在我的主页找到。</p>
 
      <!-- reward -->
      
      <div id="reword-out">
        <div id="reward-btn">
          打赏
        </div>
      </div>
      
    </div>
    

    <!-- copyright -->
    
    <div class="declare">
      <ul class="post-copyright">
        <li>
          <i class="ri-copyright-line"></i>
          <strong>版权声明： </strong>
          
          本博客所有文章除特别声明外，著作权归作者所有。转载请注明出处！
          
        </li>
      </ul>
    </div>
    
    <footer class="article-footer">
       
<div class="share-btn">
      <span class="share-sns share-outer">
        <i class="ri-share-forward-line"></i>
        分享
      </span>
      <div class="share-wrap">
        <i class="arrow"></i>
        <div class="share-icons">
          
          <a class="weibo share-sns" href="javascript:;" data-type="weibo">
            <i class="ri-weibo-fill"></i>
          </a>
          <a class="weixin share-sns wxFab" href="javascript:;" data-type="weixin">
            <i class="ri-wechat-fill"></i>
          </a>
          <a class="qq share-sns" href="javascript:;" data-type="qq">
            <i class="ri-qq-fill"></i>
          </a>
          <a class="douban share-sns" href="javascript:;" data-type="douban">
            <i class="ri-douban-line"></i>
          </a>
          <!-- <a class="qzone share-sns" href="javascript:;" data-type="qzone">
            <i class="icon icon-qzone"></i>
          </a> -->
          
          <a class="facebook share-sns" href="javascript:;" data-type="facebook">
            <i class="ri-facebook-circle-fill"></i>
          </a>
          <a class="twitter share-sns" href="javascript:;" data-type="twitter">
            <i class="ri-twitter-fill"></i>
          </a>
          <a class="google share-sns" href="javascript:;" data-type="google">
            <i class="ri-google-fill"></i>
          </a>
        </div>
      </div>
</div>

<div class="wx-share-modal">
    <a class="modal-close" href="javascript:;"><i class="ri-close-circle-line"></i></a>
    <p>扫一扫，分享到微信</p>
    <div class="wx-qrcode">
      <img src="//api.qrserver.com/v1/create-qr-code/?size=150x150&data=https://shen-yu.gitee.io/2018/yunnan/" alt="微信分享二维码">
    </div>
</div>

<div id="share-mask"></div>  
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E5%9B%BD%E5%86%85/" rel="tag">国内</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E6%97%85%E8%A1%8C/" rel="tag">旅行</a></li></ul>

    </footer>
  </div>

   
  <nav class="article-nav">
    
      <a href="/2019/about/" class="article-nav-link">
        <strong class="article-nav-caption">上一篇</strong>
        <div class="article-nav-title">
          
            About Me
          
        </div>
      </a>
    
    
      <a href="/2018/qiandongnan/" class="article-nav-link">
        <strong class="article-nav-caption">下一篇</strong>
        <div class="article-nav-title">原汁原味黔东南</div>
      </a>
    
  </nav>

  
   
    
    <script src="https://cdn.staticfile.org/twikoo/1.4.18/twikoo.all.min.js"></script>
    <div id="twikoo" class="twikoo"></div>
    <script>
        twikoo.init({
            envId: "ayer-blog-8gua74e95b0290a2"
        })
    </script>
 
</article>

</section>
      <footer class="footer">
  <div class="outer">
    <ul>
      <li>
        Copyrights &copy;
        2015-2022
        <i class="ri-heart-fill heart_icon"></i> Eric Shen
      </li>
    </ul>
    <ul>
      <li>
        
      </li>
    </ul>
    <ul>
      <li>
        
        
        <span>
  <span><i class="ri-user-3-fill"></i>访问人数:<span id="busuanzi_value_site_uv"></span></span>
  <span class="division">|</span>
  <span><i class="ri-eye-fill"></i>浏览次数:<span id="busuanzi_value_page_pv"></span></span>
</span>
        
      </li>
    </ul>
    <ul>
      
    </ul>
    <ul>
      
    </ul>
    <ul>
      <li>
        <!-- cnzz统计 -->
        
        <script type="text/javascript" src='https://s9.cnzz.com/z_stat.php?id=1278069914&amp;web_id=1278069914'></script>
        
      </li>
    </ul>
  </div>
</footer>    
    </main>
    <div class="float_btns">
      <div class="totop" id="totop">
  <i class="ri-arrow-up-line"></i>
</div>

<div class="todark" id="todark">
  <i class="ri-moon-line"></i>
</div>

    </div>
    <aside class="sidebar on">
      <button class="navbar-toggle"></button>
<nav class="navbar">
  
  <div class="logo">
    <a href="/"><img src="/images/ayer-side.svg" alt="岛"></a>
  </div>
  
  <ul class="nav nav-main">
    
    <li class="nav-item">
      <a class="nav-item-link" href="/">主页</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/archives">归档</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/categories">分类</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/tags">标签</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/tags/%E6%97%85%E8%A1%8C/">旅行</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" target="_blank" rel="noopener" href="http://shenyu-vip.lofter.com">摄影</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/friends">友链</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/2019/about">关于我</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/player">播放器</a>
    </li>
    
  </ul>
</nav>
<nav class="navbar navbar-bottom">
  <ul class="nav">
    <li class="nav-item">
      
      <a class="nav-item-link nav-item-search"  title="搜索">
        <i class="ri-search-line"></i>
      </a>
      
      
      <a class="nav-item-link" target="_blank" href="/atom.xml" title="RSS Feed">
        <i class="ri-rss-line"></i>
      </a>
      
    </li>
  </ul>
</nav>
<div class="search-form-wrap">
  <div class="local-search local-search-plugin">
  <input type="search" id="local-search-input" class="local-search-input" placeholder="Search...">
  <div id="local-search-result" class="local-search-result"></div>
</div>
</div>
    </aside>
    <div id="mask"></div>

<!-- #reward -->
<div id="reward">
  <span class="close"><i class="ri-close-line"></i></span>
  <p class="reward-p"><i class="ri-cup-line"></i>请我喝杯咖啡吧~</p>
  <div class="reward-box">
    
    <div class="reward-item">
      <img class="reward-img" src="/images/alipay.jpg">
      <span class="reward-type">支付宝</span>
    </div>
    
    
    <div class="reward-item">
      <img class="reward-img" src="/images/wechat.jpg">
      <span class="reward-type">微信</span>
    </div>
    
  </div>
</div>
    
<script src="/js/jquery-3.6.0.min.js"></script>
 
<script src="/js/lazyload.min.js"></script>

<!-- Tocbot -->
 
<script src="/js/tocbot.min.js"></script>

<script>
  tocbot.init({
    tocSelector: ".tocbot",
    contentSelector: ".article-entry",
    headingSelector: "h1, h2, h3, h4, h5, h6",
    hasInnerContainers: true,
    scrollSmooth: true,
    scrollContainer: "main",
    positionFixedSelector: ".tocbot",
    positionFixedClass: "is-position-fixed",
    fixedSidebarOffset: "auto",
  });
</script>

<script src="https://cdn.staticfile.org/jquery-modal/0.9.2/jquery.modal.min.js"></script>
<link
  rel="stylesheet"
  href="https://cdn.staticfile.org/jquery-modal/0.9.2/jquery.modal.min.css"
/>
<script src="https://cdn.staticfile.org/justifiedGallery/3.8.1/js/jquery.justifiedGallery.min.js"></script>

<script src="/dist/main.js"></script>

<!-- ImageViewer -->
 <!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

    <!-- Background of PhotoSwipe. 
         It's a separate element as animating opacity is faster than rgba(). -->
    <div class="pswp__bg"></div>

    <!-- Slides wrapper with overflow:hidden. -->
    <div class="pswp__scroll-wrap">

        <!-- Container that holds slides. 
            PhotoSwipe keeps only 3 of them in the DOM to save memory.
            Don't modify these 3 pswp__item elements, data is added later on. -->
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>

        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
        <div class="pswp__ui pswp__ui--hidden">

            <div class="pswp__top-bar">

                <!--  Controls are self-explanatory. Order can be changed. -->

                <div class="pswp__counter"></div>

                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

                <button class="pswp__button pswp__button--share" style="display:none" title="Share"></button>

                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                <!-- element will get class pswp__preloader--active when preloader is running -->
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                        <div class="pswp__preloader__cut">
                            <div class="pswp__preloader__donut"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div>
            </div>

            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>

            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>

            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>

        </div>

    </div>

</div>

<link rel="stylesheet" href="https://cdn.staticfile.org/photoswipe/4.1.3/photoswipe.min.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/photoswipe/4.1.3/default-skin/default-skin.min.css">
<script src="https://cdn.staticfile.org/photoswipe/4.1.3/photoswipe.min.js"></script>
<script src="https://cdn.staticfile.org/photoswipe/4.1.3/photoswipe-ui-default.min.js"></script>

<script>
    function viewer_init() {
        let pswpElement = document.querySelectorAll('.pswp')[0];
        let $imgArr = document.querySelectorAll(('.article-entry img:not(.reward-img)'))

        $imgArr.forEach(($em, i) => {
            $em.onclick = () => {
                // slider展开状态
                // todo: 这样不好，后面改成状态
                if (document.querySelector('.left-col.show')) return
                let items = []
                $imgArr.forEach(($em2, i2) => {
                    let img = $em2.getAttribute('data-idx', i2)
                    let src = $em2.getAttribute('data-target') || $em2.getAttribute('src')
                    let title = $em2.getAttribute('alt')
                    // 获得原图尺寸
                    const image = new Image()
                    image.src = src
                    items.push({
                        src: src,
                        w: image.width || $em2.width,
                        h: image.height || $em2.height,
                        title: title
                    })
                })
                var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, {
                    index: parseInt(i)
                });
                gallery.init()
            }
        })
    }
    viewer_init()
</script> 
<!-- MathJax -->

<!-- Katex -->

<!-- busuanzi  -->
 
<script src="/js/busuanzi-2.3.pure.min.js"></script>
 
<!-- ClickLove -->

<!-- ClickBoom1 -->

<!-- ClickBoom2 -->

<!-- CodeCopy -->
 
<link rel="stylesheet" href="/css/clipboard.css">
 <script src="https://cdn.staticfile.org/clipboard.js/2.0.10/clipboard.min.js"></script>
<script>
  function wait(callback, seconds) {
    var timelag = null;
    timelag = window.setTimeout(callback, seconds);
  }
  !function (e, t, a) {
    var initCopyCode = function(){
      var copyHtml = '';
      copyHtml += '<button class="btn-copy" data-clipboard-snippet="">';
      copyHtml += '<i class="ri-file-copy-2-line"></i><span>COPY</span>';
      copyHtml += '</button>';
      $(".highlight .code pre").before(copyHtml);
      $(".article pre code").before(copyHtml);
      var clipboard = new ClipboardJS('.btn-copy', {
        target: function(trigger) {
          return trigger.nextElementSibling;
        }
      });
      clipboard.on('success', function(e) {
        let $btn = $(e.trigger);
        $btn.addClass('copied');
        let $icon = $($btn.find('i'));
        $icon.removeClass('ri-file-copy-2-line');
        $icon.addClass('ri-checkbox-circle-line');
        let $span = $($btn.find('span'));
        $span[0].innerText = 'COPIED';
        
        wait(function () { // 等待两秒钟后恢复
          $icon.removeClass('ri-checkbox-circle-line');
          $icon.addClass('ri-file-copy-2-line');
          $span[0].innerText = 'COPY';
        }, 2000);
      });
      clipboard.on('error', function(e) {
        e.clearSelection();
        let $btn = $(e.trigger);
        $btn.addClass('copy-failed');
        let $icon = $($btn.find('i'));
        $icon.removeClass('ri-file-copy-2-line');
        $icon.addClass('ri-time-line');
        let $span = $($btn.find('span'));
        $span[0].innerText = 'COPY FAILED';
        
        wait(function () { // 等待两秒钟后恢复
          $icon.removeClass('ri-time-line');
          $icon.addClass('ri-file-copy-2-line');
          $span[0].innerText = 'COPY';
        }, 2000);
      });
    }
    initCopyCode();
  }(window, document);
</script>
 
<!-- CanvasBackground -->

<script>
  if (window.mermaid) {
    mermaid.initialize({ theme: "forest" });
  }
</script>


    
    

  </div>
</body>

</html>